<?php echo form_open($this->curl . '/account/'.$this->validation->id, 'id="create_form" name="create_form" autocomplete="off"')?>
<?php echo form_hidden('id', $this->validation->id)?>
<br />
<table class="nostyle" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td>
		<?php echo $this->validation->error_string?>
		<table class="nostyle" width="100%" border="0" cellpadding="3" cellspacing="0">
		<tr>
			<td><?php echo $this->accountcontributor_model->fields['amount']?>:</td>			
		</tr>
		<tr>			
			<th><?php echo form_input('amount','', 'class="input-text" size="40"')?></th>
		</tr>
		<tr>
			<td><?php echo $this->accountcontributor_model->fields['notes']?>:</td>	      	
	    </tr>		
		<tr>
	      	<th><textarea name="notes" id="description" cols="32" rows="2"></textarea></th>
	    </tr>	    			
		<tr>
			<td colspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td colspan="2">			
				<input name="action" type="submit" class="input-submit" id="submit" value="<?php echo T_('Добавить')?>" />
				<input name="action" type="submit" class="input-submit" id="delete" value="<?php echo T_('Отнять')?>" onclick="if (confirm('<?php echo T_('Вы уверены, что хотите отнять эту сумму ?')?>')) return true;" />
				<input name="reset"  type="reset"  class="input-submit" id="reset" value="<?php echo T_('Reset')?>" onclick="$('#create_form input[type=text]').val('');" />				
			</td>
		</tr>
		</table>
	</td>
</tr>
</table>

<?php echo form_close()?>

<br />
<strong>История платежей</strong>
<table width="100%" border="0" cellpadding="6" cellspacing="0" id="grid" class="display">
<thead>
<tr>
    <th><?php echo $this->accountcontributor_model->fields['amount']?></th>
    <th><?php echo $this->accountcontributor_model->fields['type']?></th>
    <th><?php echo $this->accountcontributor_model->fields['notes']?></th> 
    <th><?php echo $this->accountcontributor_model->fields['date']?></th>      
</tr>
</thead>
<tbody>
<?php foreach ($history as $row): ?>
<tr id="tr_<?php echo $row->id?>">
    <td class="t-right"><?php echo $row->amount; ?></td>
    <td><?php if (!empty($this->accountcontributor_model->types[$row->type])) echo $this->accountcontributor_model->types[$row->type]; ?></td>
    <td><?php echo $row->notes; ?></td>
    <td class="t-right"><?php echo date('d.m.Y', strtotime($row->dt))?></td>
</tr>
<?php endforeach; ?>
</tbody>
<tfoot>
    <tr>
        <th></th>
        <th id="type"></th>
        <th></th>
        <th></th>
    </tr>
</tfoot>
</table>

<script type="text/javascript">
(function($) {
    /*
     * Function: fnGetColumnData
     * Purpose:  Return an array of table values from a particular column.
     * Returns:  array string: 1d data array 
     * Inputs:   object:oSettings - dataTable settings object. This is always the last argument past to the function
     *           int:iColumn - the id of the column to extract the data from
     *           bool:bUnique - optional - if set to false duplicated values are not filtered out
     *           bool:bFiltered - optional - if set to false all the table data is used (not only the filtered)
     *           bool:bIgnoreEmpty - optional - if set to false empty values are not filtered from the result array
     * Author:   Benedikt Forchhammer <b.forchhammer /AT\ mind2.de>
     */
    $.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
        // check that we have a column id
        if ( typeof iColumn == "undefined" ) return new Array();
        
        // by default we only wany unique data
        if ( typeof bUnique == "undefined" ) bUnique = true;
        
        // by default we do want to only look at filtered data
        if ( typeof bFiltered == "undefined" ) bFiltered = true;
        
        // by default we do not wany to include empty values
        if ( typeof bIgnoreEmpty == "undefined" ) bIgnoreEmpty = true;
        
        // list of rows which we're going to loop through
        var aiRows;
        
        // use only filtered rows
        if (bFiltered == true) aiRows = oSettings.aiDisplay; 
        // use all rows
        else aiRows = oSettings.aiDisplayMaster; // all row numbers

        // set up data array    
        var asResultData = new Array();
        
        for (var i=0,c=aiRows.length; i<c; i++) {
            iRow = aiRows[i];
            var aData = this.fnGetData(iRow);
            var sValue = aData[iColumn];
            
            // ignore empty values?
            if (bIgnoreEmpty == true && sValue.length == 0) continue;

            // ignore unique values?
            else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue;
            
            // else push the value onto the result data array
            else asResultData.push(sValue);
        }
        
        return asResultData;
    }}(jQuery));


    function fnCreateSelect( aData )
    {
        var r='<select><option value=""></option>', i, iLen=aData.length;
        for ( i=0 ; i<iLen ; i++ )
        {
            r += '<option value="'+aData[i]+'">'+aData[i]+'</option>';
        }
        return r+'</select>';
    }
    
var oTable;
        
$(document).ready(function() 
{   
    /* Add a click handler to the rows - this could be used as a callback */
    $('#grid tr').click( function() {
        if ( $(this).hasClass('row_selected') )
        {           
            $(this).removeClass('row_selected');
            $(this).find('.checkbox').removeAttr('checked');
        }           
        else
        {
            $(this).addClass('row_selected');
            $(this).find('.checkbox').attr('checked', 'checked');
        }           
    });
        
    /* Init DataTables */
    oTable = $('#grid').dataTable(
    {
        "oLanguage": {
        "sLengthMenu": "Показывать _MENU_ записей на стр.",
        "sZeroRecords": "Нет данных.",
        "sInfo": "От _START_ до _END_ из _TOTAL_ записей",
        "sInfoEmpty": "0 записей",
        "sInfoFiltered": "(filtered from _MAX_ total records)",
        "sSearch": "Искать",
        "oPaginate": {
            "sFirst": "Первая",
            "sLast": "Последняя",
            "sNext": "Вперед",
            "sPrevious": "Back"
            }
        },
        
        "aaSorting": [],                
        "aoColumns": [
            null,
            null,
            { "bSortable": false },
            null
        ],

        "bPaginate": true,
        "bLengthChange": true,
        "bFilter": true,    
        "bSort": true,
        "bInfo": true,
        "bAutoWidth": true,
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"
    });     
    
    $("tfoot th#type").each( function ( ) {
        this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(1) );
        $('select', this).change( function () {
            oTable.fnFilter( $(this).val(), 1 );
        } );
    } );
        
});

/*
 * I don't actually use this here, but it is provided as it might be useful and demonstrates
 * getting the TR nodes from DataTables
 */
function fnGetSelected( oTableLocal )
{
    var aReturn = new Array();
    var aTrs = oTableLocal.fnGetNodes();
    
    for ( var i=0 ; i<aTrs.length ; i++ )
    {
        if ( $(aTrs[i]).hasClass('row_selected') )
        {
            aReturn.push( aTrs[i] );
        }
    }
    return aReturn;
}
</script>